@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
body{ color:#666; font-size:14px; font-family:"微软雅黑";}
section,article,aside,header,footer,nav,dialog,figure{ display:block;}
ul, ol{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,code,em,th,i{ font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% 微软雅黑; vertical-align:middle}
table,td,tr,th{ font-size:14px;}
.nodispaly{ display:none;}
.line{ height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{ *zoom:1;}
.clearfix:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{ color:#666; text-decoration:none;}
a:hover{ color:#0093dd; text-decoration:underline;}
.fl{ float:left;}
.fr{ float:right;}
.width_all{ width:1180px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ background:url(../images/head_top.png) top center no-repeat; width:100%; position:fixed; z-index:999;}
.head_top h1{ width:201px; float:left; margin:0;}
.head_top h1 img{ width:100%;}

/*nav*/
.nav{ float:right;}
.nav ul{ overflow:hidden;}
.nav ul li{ float:left;}
.nav ul li p{ position:relative;}
.nav ul li p a{ font-size:16px; color:#333; line-height:41px; display:block; padding:0 0 0 56px;}
.nav ul li:hover p a, .nav ul li p a.her{ text-decoration:none; color:#0093dd;}
.nav .mover{ display:none;}
.nav ul li:hover .mover{ display:block; position:absolute; z-index:99; background:rgba(255, 255, 255, .6); width:204px; box-shadow:#ccc 0 1px 3px;}
.nav ul li:hover .mover .erji{ border-bottom:#fff 1px solid;}
.nav ul li:hover .mover .erji:last-child{ border-bottom:none;}
.nav ul li:hover .mover .erji a{ font-size:14px; color:#333; display:block; line-height:36px; padding:0 0 0 12px;}
.nav ul li:hover .mover .erji:hover a{ background:#fff; color:#0093dd; text-decoration:none;}

/*banner*/
.main_visual{ width:100%; margin:0 auto; overflow:hidden;}
.main_image{ height:600px; position:relative;}
.main_image ul{ overflow:hidden; position:absolute; top:0; left:0;}
.main_image li{ float:left; width:100%;}
.main_image li span{ display:block; width:100%;}
.main_image li a{ display:block; width:100%; height:600px;}
div.flicking_con{ width:1000px; margin:0 auto; position:relative;}
div.flicking_con .flicking_inner{ position:absolute; top:568px; left:47%; z-index:2;}
div.flicking_con a{ float:left; width:21px; height:21px; margin:0; padding:0; background:url('../images/btn_main_img.png') 0 0 no-repeat; display:block; text-indent:-1000px;}
div.flicking_con a.on{background-position:0 -21px;}
#btn_prev,#btn_next{ z-index:3; position:absolute; width:73px!important; height:74px!important; top:50%; margin-top:-37px; display:none;}
#btn_prev{ background:url(../images/hover_left.png) no-repeat left top; left:2%;}
#btn_next{ background:url(../images/hover_right.png) no-repeat right top; right:2%;}

/*about_us*/
.about_name{ margin:52px auto 30px auto; overflow:hidden; text-align:center; font-size:30px; color:#333; line-height:36px; position:relative; padding:0 0 20px 0;}
.about_name:before{ content:''; position:absolute; width:30px; height:2px; background:#0093dd; bottom:0; left:50%; margin:0 0 0 -15px;}
.about_us{ margin:30px auto 52px auto;}
.about_left{ float:left; width:455px; padding:20px; background:#f4f4f4;}
.about_left img{ width:100%;}

.index_pro_banner{ width:455px; height:362px; position:relative;}
.index_pro_box{ width:455px; height:16px; background: url(../images/index_pro_foot.png) no-repeat; position:absolute; right:0; bottom:0;}
#TabID1{ position:absolute; right:8px; bottom:4px;}
#TabID1 li{ list-style:none; float:left; width:7px; height:7px; text-indent:-9999px; background:url(../images/index_pro_li.png) no-repeat; cursor:pointer; margin-right:4px;}
#TabID1 li:hover, #TabID1 li.active{ display:block; width:7px; height:7px; background:url(../images/index_pro_hov.png) no-repeat;}

.about_right{ float:right; width:655px; font-size:14px; color:#666; line-height:25px;}
.about_right .about_more{ width:184px; border:#828282 1px solid; border-radius:21px; margin:32px 0 0 0;}
.about_right .about_more:hover{ background:#828282;}
.about_right .about_more a{ font-size:14px; color:#525252; line-height:40px; display:block; text-align:center;}
.about_right .about_more a:hover{ text-decoration:none; color:#fff;}

/*new_product*/
.new_product{ background:#f8f8f8; width:100%; margin:52px auto; overflow:hidden; padding:52px 0;}
.new_p_name{ margin:0 auto 30px auto; overflow:hidden; text-align:center; font-size:30px; color:#333; line-height:36px; position:relative; padding:0 0 20px 0;}
.new_p_name:before{ content:''; position:absolute; width:30px; height:2px; background:#0093dd; bottom:0; left:50%; margin:0 0 0 -15px;}
.img-scroll{ position:relative;}
.img-scroll .prev,.img-scroll .next{ position:absolute; display:block; width:15px; height:31px; top:50%; margin-top:-30px; z-index:99;}
.img-scroll .prev{ left:-25px; cursor:pointer;}
.img-scroll .next{ right:-25px; cursor:pointer;}
.img-scroll:hover .prev{ background:url(../images/l.png) no-repeat center;}
.img-scroll:hover .next{ background:url(../images/r.png) no-repeat center;}
.img-list{ position:relative; width:100%; height:auto; margin:0 auto; overflow:hidden;}
.img-list ul{ width:800%;}
.img-list li{ float:left; width:2.9%; margin:0 0.3% 0 0;}
.img-list li img{ width:100%;}
.img-list li em{ font-size:14px; line-height:30px; height:30px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-align:center;}
.img-list li a{ display:block; color:#525252;}
.img-list li a:hover{ text-decoration:none; color:#0093dd;}
.new_p_more{ width:184px; border:#828282 1px solid; border-radius:21px; margin:32px auto 0 auto;}
.new_p_more:hover{ background:#828282;}
.new_p_more a{ font-size:14px; color:#525252; line-height:40px; display:block; text-align:center;}
.new_p_more a:hover{ text-decoration:none; color:#fff;}

/*news*/
.news_name{ margin:52px auto 30px auto; overflow:hidden; text-align:center; font-size:30px; color:#333; line-height:36px; position:relative; padding:0 0 20px 0;}
.news_name:before{ content:''; position:absolute; width:30px; height:2px; background:#0093dd; bottom:0; left:50%; margin:0 0 0 -15px;}
.news{ margin:30px auto 6px auto;}
.news ul{ overflow:hidden;}
.news ul li{ width:549px; float:left; margin:0 26px 26px 0; position:relative; border:#eee 2px solid; padding:12px;}
.news ul li:nth-child(2n){ margin:0 0 26px 0;}
.news ul li:before{ content:""; width:0px; height:2px; visibility:hidden; transition:0.8s; background:#0093dd; position:absolute; top:-2px; left:-2px;}
.news ul li:hover::before{ width:100.7%; visibility:visible; z-index:2;}
.news ul li:after{ content:""; width:0px; height:2px; visibility:hidden; transition:0.8s; background:#0093dd; position:absolute; bottom:-2px; right:-2px;}
.news ul li:hover::after{ width:100.7%; visibility:visible; z-index:2;}
.news ul li i:before{ content:""; width:2px; height:0px; visibility:hidden; transition:0.8s; background:#0093dd; position:absolute; bottom:-2px; right:-2px;}
.news ul li:hover i:before{ height:102%; visibility:visible; z-index:2;}
.news ul li i:after{ content:""; width:2px; height:0px; visibility:hidden; transition:0.8s; background:#0093dd; position:absolute; top:-2px; left:-2px;}
.news ul li:hover i:after{ height:102%; visibility:visible; z-index:2;}
.news ul li .news_l{ float:left; width:120px;}
.news ul li .news_l img{ width:100%;}
.news ul li .news_r{ float:right; width:409px;}
.news ul li .news_r a{ font-size:14px; color:#666; line-height:25px; display:block;}
.news ul li .news_r a:hover{ text-decoration:none; color:#0093dd;}
.news ul li .news_r .news_zhut{ width:100%; margin:0 auto 6px auto; overflow:hidden;}
.news ul li .news_r .news_zhut .zhut_left{ float:left; font-size:16px; color:#333;}
.news ul li .news_r .news_zhut .zhut_right{ float:right; font-size:12px; color:#666;}
.news ul li .news_r .news_zhut .zhut_right span{ font-size:22px; margin:0 8px 0 0;}
.news_more{ width:184px; border:#828282 1px solid; border-radius:21px; margin:6px auto 60px auto;}
.news_more:hover{ background:#828282;}
.news_more a{ font-size:14px; color:#525252; line-height:40px; display:block; text-align:center;}
.news_more a:hover{ text-decoration:none; color:#fff;}

/*footer*/
.footer{ border-top:#eee 1px solid; width:100%; margin:0; overflow:hidden;}
.footer .footer_left{ float:left; margin:26px 0 0 0;}
.footer .footer_left dl{ float:left; margin:0 72px 32px 0;}
.footer .footer_left dl dd{ margin:0 0 6px 0;}
.footer .footer_left dl dd a{ font-size:16px; color:#333; line-height:28px; display:block;}
.footer .footer_left dl dd a:hover{ text-decoration:none; color:#0093dd;}
.footer .footer_left dl dt{ line-height:28px;}
.footer .footer_left dl dt a{ font-size:14px; color:#666; display:block;}
.footer .footer_right{ float:right; margin:26px 0 0 0;}
.footer .footer_right dl{ overflow:hidden;}
.footer .footer_right dl dd{ float:left; margin:2px 12px 0 0; text-align:right; font-size:14px; color:#666; line-height:28px;}
.footer .footer_right dl dd b{ font-weight:bold; display:block; font-size:18px;}
.footer .footer_right dl dd .qq_l{ width:100%; margin:12px 0 0 0; overflow:hidden;}
.footer .footer_right dl dd .qq_l p{ float:right; width:100px; text-align:center; border-radius:14px; background:#7d7d7d;}
.footer .footer_right dl dd .qq_l p a{ display:block; color:#fff; line-height:28px;}
.footer .footer_right dl dt{ background:#eee; float:right; padding:10px 10px 0 10px;}
.footer .footer_right dl dt span{ display:block; font-size:14px; color:#525252; line-height:30px; text-align:center;}
.footer .footer_right dl dt img{ width:120px; height:120px;}

.footer .footer_icp{ border-top:#eee 1px solid; text-align:center; font-size:14px; color:#666; line-height:20px; padding:20px 0;}
.footer .footer_icp a{ color:#666;}

/*ny_banner*/
.ny_banner{ width:100%; margin:0 auto; overflow:hidden; height:388px; background:url(../images/ny_banner1.jpg) center no-repeat;}
.ny_banner img{ width:100%;}

/*lujing*/
.lujing{ border:#ececec 1px solid; border-left:none; border-top:none; box-shadow:0 2px 5px #ececec; padding:16px 0;}
.lujing a{ font-size:14px; color:#323232; line-height:20px; float:left; font-weight:bold;}
.lujing a:hover{ color:#ec6500;}
.lujing i{ width:5px; height:10px; background:url(../images/lj_jt.png) center no-repeat; float:left; margin:5px 15px;}

/*about_us*/
.content{ margin:42px auto;}
.cont_left{ float:left; width:248px; background:#f2f2f2; overflow:hidden; z-index:898;}
.cont_left ul{ width:236px; margin:6px auto;}
.cont_left ul li{ background:#f2f2f2; margin:3px auto; position:relative;}
.cont_left ul li.cutt{ background:#fff; box-shadow:0 1px 3px #ccc;}
.cont_left ul li.cutt a{ border-bottom:none; color:#0093dd !important;}
.cont_left ul li a{ border-bottom:#e0e0e0 1px solid; font-weight:400; display:block; width:200px; margin:0 auto; font-size:16px; color:#525252; line-height:22px; padding:15px 0;}
.cont_left ul li a:hover{ text-decoration:none;}
.cont_left ul li:last-child a{ border-bottom:none;}
.cont_left ul li:hover a{ color:#da251c;}

.cont_right{ float:right; width:880px; min-height:668px;}

/*profiles*/
.profiles{ font-size:14px; color:#666; line-height:25px;}

.shengchan{ width:100%; margin:0 auto;}
.shengchan ul{ overflow:hidden;}
.shengchan ul li{ width:22.6%; float:left; margin:0 3.2% 3.2% 0; position:relative;}
.shengchan ul li:nth-child(4n){ margin:0 0 3.2% 0;}
.shengchan ul li img{ width:100%;}
.shengchan ul li em{ font-size:14px; line-height:36px; height:36px; text-align:center; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.shengchan ul li a{ color:#333; border:#eee 1px solid; padding:1%; display:block;}
.shengchan ul li a:hover{ text-decoration:none; color:#0093dd;}

.shengchan ul li:before{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#0093dd; -webkit-transition-delay:0.3s; position:absolute; top:0; left:0;}
.shengchan ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s; z-index:2;}
.shengchan ul li:after{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#0093dd; -webkit-transition-delay:0.1s; position:absolute; bottom:0; right:0;}
.shengchan ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s; z-index:2;}
.shengchan ul li i:before{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#0093dd; -webkit-transition-delay:0.2s; position:absolute; top:0; right:0;}
.shengchan ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s; z-index:2;}
.shengchan ul li i:after{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#0093dd; -webkit-transition-delay:0s; position:absolute; bottom:0; left:0;}
.shengchan ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s; z-index:2;}





.shengchan8{ width:100%; margin:0 auto;}
.shengchan8 ul{ overflow:hidden;}
.shengchan8 ul li{ width:45%; float:left; margin:0 3.2% 3.2% 0; position:relative;}
.shengchan8 ul li:nth-child(4n){ margin:0 0 3.2% 0;}
.shengchan8 ul li img{ width:100%;}
.shengchan8 ul li em{ font-size:14px; line-height:36px; height:36px; text-align:center; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.shengchan8 ul li a{ color:#333; border:#eee 1px solid; padding:1%; display:block;}
.shengchan8 ul li a:hover{ text-decoration:none; color:#0093dd;}

.shengchan8 ul li:before{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#0093dd; -webkit-transition-delay:0.3s; position:absolute; top:0; left:0;}
.shengchan8 ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s; z-index:2;}
.shengchan8 ul li:after{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#0093dd; -webkit-transition-delay:0.1s; position:absolute; bottom:0; right:0;}
.shengchan8 ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s; z-index:2;}
.shengchan8 ul li i:before{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#0093dd; -webkit-transition-delay:0.2s; position:absolute; top:0; right:0;}
.shengchan8 ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s; z-index:2;}
.shengchan8 ul li i:after{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#0093dd; -webkit-transition-delay:0s; position:absolute; bottom:0; left:0;}
.shengchan8 ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s; z-index:2;}

















/*products*/
.products{ width:100%; margin:0 auto;}
.products li{ float:left; width:23.5%; margin:0 2% 3% 0;}
.products li:nth-child(4n){ margin:0 0 3% 0;}
.products li a img{ width:100%;}
.products li a{ border:#eee 1px solid; display:block; text-align:center; transition:all .3s;}
.products li a:hover{ text-decoration:none; box-shadow:0 5px 15px #eee; transform:translateY(-5px);}
.products li em{ display:block; font-size:16px; line-height:28px; padding:14px 0;}

.products_title{ width:100%; margin:22px auto; overflow:hidden;}
.game163{ width:420px; float:left;}
.game163 .bigImg{ position:relative;}
.game163 .bigImg li img{ width:420px; height:316px;}
.game163 .smallScroll{ height:60px; margin-top:8px;}
.game163 .sPrev,.game163 .sNext{ float:left; display:block; width:24px; height:60px; text-indent:-9999px;background:url(../images/pro_next.jpg) no-repeat 0 -12px; }
.game163 .sNext{ background-position:-26px -12px;}
.game163 .smallImg{ float:left; margin:0 6px; display:inline; width:356px; overflow:hidden;}
.game163 .smallImg ul{ height:60px; width:9999px; overflow:hidden; }
.game163 .smallImg li{ float:left; padding:0 7px; width:75px; cursor:pointer; display:inline;}
.game163 .smallImg img{ border:2px solid #f2f2f2; width:71px; height:56px;}
.game163 .smallImg .on img{ border:2px solid #0093dd;}
.pro_sj{ display:none;}

div.jqZoomTitle{ z-index:5000;	text-align:center;	font-size:11px;	height:16px; padding-top:2px; position:absolute; top:0px; left:0px;	width:100%;	color:#666;	background:#f0f0f0;}
.jqZoomPup{	overflow:hidden; background-color:#fff;	-moz-opacity:0.6; opacity:0.6; filter:alpha(opacity = 60); z-index:10; border-color:#f0f0f0; border-style:solid; cursor:crosshair;}
.jqZoomPup img{	border:0px;}
.preload{ -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity = 80); color:#333; font-size:12px; text-decoration:none; border:1px solid #f0f0f0; background-color:white; padding:8px; text-align:center; background-image:url(../images/zoomloader.gif); background-repeat:no-repeat; background-position:43px 30px; width:90px; * width:100px; height:43px; *height:55px; z-index:10; position:absolute; top:3px; left:3px;}
.jqZoomWindow{	border:1px solid #f0f0f0; background-color:#fff;}

.xq_right{ float:right; width:382px; font-size:14px; color:#666; line-height:25px;}
.xq_right em{ font-size:15px; color:#0093dd; text-transform:uppercase; line-height:22px; font-weight:bold; border-bottom:#dfdfdf 1px dotted; margin:0 0 16px 0; display:block; padding:0 0 8px 0;}

.product_related{ width:100%; border-bottom:#ccc 1px solid; position:relative; height:17px; margin:22px auto 31px auto;}
.product_related h6{ width:132px; border:#ccc 1px solid; overflow:hidden; position:absolute; left:50%; top:0; font-size:16px; line-height:33px; color:#0093dd; text-align:center; background:#fff; margin:0 0 0 -66px; font-weight:bold;}
.gaishu{ font-size:14px; color:#666; line-height:25px;}
.gaishu img{ max-width:100%;}

.pro_xiangguan{ margin:22px auto 12px auto; overflow:hidden; background:#f4f4f4; line-height:30px; border-bottom:#ddd 1px solid; font-size:16px; color:#333;}
.pro_xiangguan i{ width:4px; height:15px; background:#0093dd; float:left; margin:8px 10px 0 8px;}
.pro_xgcp{ margin:12px auto 0 auto; overflow:hidden;}
.pro_xgcp ul{ overflow:hidden;}
.pro_xgcp ul li{ float:left; width:23.5%; margin:0 2% 0 0;}
.pro_xgcp ul li:nth-child(4n){ margin:0;}
.pro_xgcp ul li span{ border:#ddd 1px solid; padding:2px; display:block;}
.pro_xgcp ul li:hover span{ border:#0093dd 1px solid;}
.pro_xgcp ul li img{ width:100%;}
.pro_xgcp ul li em{ display:block; text-align:center; font-size:14px; line-height:25px; margin:3px 0 0 0;}
.pro_xgcp ul li a{ color:#666;}
.pro_xgcp ul li a:hover{ text-decoration:none; color:#0093dd;}

/*ny_news*/
.ny_news{ width:100%; margin:0 auto;}
.ny_news ul{ overflow:hidden;}
.ny_news ul li{ margin:0 0 26px 0; position:relative; overflow:hidden;}
.ny_news ul li .news_fl{ width:28%; float:left;}
.ny_news ul li .news_fl img{ width:100%;}
.ny_news ul li .news_fr{ width:67%; float:right; margin:0 2% 0 3%;}
.ny_news ul li h4{ font-size:15px; line-height:25px; color:#333; font-weight:bold; margin:10px 0 2px 0;}
.ny_news ul li span{ font-size:12px; color:#0093dd; line-height:18px; margin:2px 0; display:block;}
.ny_news ul li em{ font-size:14px; line-height:22px; color:#666; margin:6px 0 10px 0; display:block;}
.ny_news ul li a{ display:block; border:#d9d9d9 1px solid; overflow:hidden;}
.ny_news ul li a:hover{ text-decoration:none;}
.ny_news ul li:before{ content:""; width:0px; height:2px; visibility:hidden; transition:0.8s; background:#0093dd; position:absolute; top:0; left:0;}
.ny_news ul li:hover::before{ width:100%; visibility:visible; z-index:2;}
.ny_news ul li:after{ content:""; width:0px; height:2px; visibility:hidden; transition:0.8s; background:#0093dd; position:absolute; bottom:0; right:0;}
.ny_news ul li:hover::after{ width:100%; visibility:visible; z-index:2;}
.ny_news ul li i:before{ content:""; width:2px; height:0px; visibility:hidden; transition:0.8s; background:#0093dd; position:absolute; bottom:0; right:0;}
.ny_news ul li:hover i:before{ height:100%; visibility:visible; z-index:2;}
.ny_news ul li i:after{ content:""; width:2px; height:0px; visibility:hidden; transition:0.8s; background:#0093dd; position:absolute; top:0; left:0;}        
.ny_news ul li:hover i:after{ height:100%; visibility:visible; z-index:2;}

.news_name_n{ width:100%; text-align:center; border-bottom:#d9d9d9 1px dashed; margin:0 auto 26px auto;}
.news_name_n strong{ font-size:16px; color:#525252; line-height:25px; margin:0 0 5px 0; display:block;}
.news_name_n span{ color:#999; font-size:12px; line-height:20px; display:block;}
.news_xq{ width:100%; margin:0 auto; color:#666; font-size:14px; line-height:25px;}
.news_xq img{ max-width:100%;}
.p_next{ width:100%; margin:20px auto 0 auto; overflow:hidden; background:#f2f2f2; padding:10px 0;}
.p_next p{ display:block; padding:0 2%;}
.p_next a{ font-size:14px; line-height:30px; color:#525252;}
.p_next a:hover{ color:#0093dd;}

/*join*/
.jobtitle{ overflow:hidden; margin:0 auto; background:#f2f2f2; padding:10px 0;}
.jobtitle span{ float:left; width:25%; text-align:center; font-size:14px; color:#000; font-weight:bold; line-height:25px;}
.jobpanel{ border-bottom:1px dotted #ccc;}
.jobpanel dl{ border-top:1px dotted #ccc;}
.jobpanel dl dt{ line-height:42px; overflow:hidden;}
.jobpanel dl dt span{ float:left; width:25%; text-align:center; font-size:14px; color:#666;}
.jobpanel dl dt span a{ font-size:14px; color:#0093dd;}
.jobpanel dl dt span a:hover{ text-decoration:none;}
.jobpanel dl dd{ display:none; padding:10px 0 20px 32px; line-height:25px;}
.jobpanel dl dd h2{ font-size:14px; color:#0093dd; margin:0 0 6px 0;}

/*hezuo*/
.hezuo{ margin:42px auto 20px auto;}
.hezuo ul{ overflow:hidden;}
.hezuo ul li{ float:left; width:17.6%; margin:0 3% 3% 0; background:#fff; position:relative;}
.hezuo ul li:nth-child(5n){ margin:0 0 3% 0;}
.hezuo ul li a{ display:block; border:#ccc 1px solid; padding:5px;}
.hezuo ul li img{ width:100%;}
.hezuo ul li:before{ content:""; width:0px; height:2px; visibility:hidden; transition:0.1s; background:#0093dd; -webkit-transition-delay:0.3s; position:absolute; top:0; left:0;}
.hezuo ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s;}
.hezuo ul li:after{ content:""; width:0px; height:2px; visibility:hidden; transition:0.1s; background:#0093dd; -webkit-transition-delay:0.1s; position:absolute; bottom:0; right:0;}
.hezuo ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s;}
.hezuo ul li i:before{ content:""; width:2px; height:0px; visibility:hidden; transition:0.1s; background:#0093dd; -webkit-transition-delay:0.2s; position:absolute; top:0; right:0;}
.hezuo ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s;}
.hezuo ul li i:after{ content:""; width:2px; height:0px; visibility:hidden; transition:0.1s; background:#0093dd; -webkit-transition-delay:0s; position:absolute; bottom:0; left:0;}
.hezuo ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s;}

/*kefu*/
.four-con{ position:fixed; right:2%; top:50%; margin-top:-90px; z-index:22;}
.four-con ul li{ position:relative; width:50px; height:50px; margin-bottom:10px;}
.f-all-con{ left:-90px; top:6px; padding-right:17px; display:none; position:absolute;}
.f-a-bg{ position:relative; background-color:#da251c; padding:10px; border-radius:5px; font-size:14px; color:#fff;}
.f-a-bg b{ font-size:18px;}
.f-a-bg:after{ content:""; position:absolute; right:-7px; top:50%; width:0; height:0; margin-top:-6px; border-top:5px solid transparent; border-left:7px solid #da251c; border-bottom:5px solid transparent;}
.four-con ul li:hover .f-all-con{ display:block;}
.four-con ul li.a-w1 .f-all-con{ top:-15px; left:-244px;}
.four-con ul li.a-w2 .f-all-con{ top:-43px; left:-154px;}
a.f-icon5, a.f-icon4, a.f-icon1{ width:50px; height:50px; display:inline-block; background:url(../images/ficon1.png) no-repeat 0 -51px; -webkit-transition-duration:.3s; -moz-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; cursor:pointer;}
a.f-icon4{ background:url(../images/ficon4.png) no-repeat 0 -51px;}
a.f-icon5{ background:url(../images/ficon5.png) no-repeat 0 -51px;}
.four-con ul li:hover a.f-icon5, .four-con ul li:hover a.f-icon4, .four-con ul li:hover a.f-icon1{ background-position:0 0;}